<!DOCTYPE html> 
<html> 
	<head> 
	<title>Add Drink</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Add Drink</h1>
	</div><!-- /header -->
	<a href="index.html">Home</a><br><br>

	<div data-role="content">	
		
		<div data-role="fieldcontain">
    		<label for="name">Who's round?:</label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
		
		<a href="Beer.html" data-role="button" data-inline="true">Beer</a>
<a href="Wine.html" data-role="button" data-inline="true" data-theme="b">Wine</a>
<a href="Spirits.html" data-role="button" data-inline="true">Spirit</a>
<a href="Add Custom Beverage.html" data-role="button" data-inline="true">Custom</a>

		

	</div><!-- /content -->

	
	
	<a href="index.html">Home</a><br>
</div><!-- /page -->

</body>
</html>
